<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>个人博客</title>
		<meta name="Keywords" content="博客，hujett，melon" />
		<meta name="Description" content="这是我的个人博客,是关于Melon成长的一点一滴记录" />

		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>

	<body>
		<div class="web">
			<!--头部S -->
			<header>
				<img src="img/a.jpg" />
			</header>
			<!--头部E-->
			<!--导航栏S-->
			<nav>
				<ul>
					<!--ul>(li>a{链接$})*7-->
				<ul>
					<li>
						<a href="">首页</a>
					</li>
					<li class="margin_20">
						<a href="">心情日记</a>
					</li>
					<li class="margin_20">
						<a href="">Free</a>
					</li>
					<li class="margin_20">
						<a href="">一起走到</a>
					</li>
					<li class="margin_20">
						<a href="">从明天起</a>
					</li>
					<li class="margin_20">
						<a href="">纸飞机</a>
					</li>
					<li>
						<a href="">下一站</a>
					</li>
				</ul>
			</nav>
			<!--导航栏E-->
			<!--中心内容S-->
			<section>
				<div class="left fl">
					<img src="img/3.jpg" />
					<h5>我的日记本</h5>
					<p>世界自然基金会（WWF）是一个致力于保护，研究和恢复环境的国际组织，前身为世界野生动物基金会。世界自然基金会成立于1961年。</p>
					<img src="img/4.jpg" />
					<h5>我的日记本</h5>
					<p>世界自然基金会（WWF）是一个致力于保护，研究和恢复环境的国际组织，前身为世界野生动物基金会。世界自然基金会成立于1961年。</p>
				</div>

				<div class="right fl">
					<div class="rigth_top">
						<a href="">世界自然基金会</a>
						<p>世界自然基金会（WWF）是一个致力于保护，研究和恢复环境的国际组织，前身为世界野生动物基金会。世界自然基金会成立于1961年。</p>
					
				</div>
			<section>
			<!--中心内容E-->

	</body>

</html>